<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    :viewBox="viewBox"
    fill="none"
  >
    <path
      d="M22.7744 8.36072H17.4881C17.1683 8.36072 16.9091 8.6203 16.9091 8.9405V12.5381C16.9091 12.8583 17.1683 13.1179 17.4881 13.1179H22.7744C23.0942 13.1179 23.3534 12.8583 23.3534 12.5381V8.9405C23.3534 8.6203 23.0942 8.36072 22.7744 8.36072Z"
      :fill="colorComputed"
    />
    <path
      d="M22.774 0.431396H1.37683C1.05707 0.431396 0.797852 0.690972 0.797852 1.01118V5.4016C0.797852 5.7218 1.05707 5.98138 1.37683 5.98138H22.774C23.0937 5.98138 23.3529 5.7218 23.3529 5.4016V1.01118C23.3529 0.690972 23.0937 0.431396 22.774 0.431396Z"
      :fill="colorComputed"
    />
    <path
      d="M5.85764 15.4952H1.37683C1.05707 15.4952 0.797852 15.7548 0.797852 16.075V19.6726C0.797852 19.9928 1.05707 20.2523 1.37683 20.2523H5.85764C6.1774 20.2523 6.43662 19.9928 6.43662 19.6726V16.075C6.43662 15.7548 6.1774 15.4952 5.85764 15.4952Z"
      :fill="colorComputed"
    />
    <path
      d="M22.7725 15.4952H10.2363C9.91654 15.4952 9.65732 15.7548 9.65732 16.075V19.6726C9.65732 19.9928 9.91654 20.2523 10.2363 20.2523H22.7725C23.0923 20.2523 23.3515 19.9928 23.3515 19.6726V16.075C23.3515 15.7548 23.0923 15.4952 22.7725 15.4952Z"
      :fill="colorComputed"
    />
    <path
      d="M13.1075 8.36072H1.37683C1.05707 8.36072 0.797852 8.6203 0.797852 8.9405V12.5381C0.797852 12.8583 1.05707 13.1179 1.37683 13.1179H13.1075C13.4272 13.1179 13.6865 12.8583 13.6865 12.5381V8.9405C13.6865 8.6203 13.4272 8.36072 13.1075 8.36072Z"
      :fill="colorComputed"
    />
    <path
      d="M30.8149 2.58807H41.0948V5.43378H33.8438V9.04736H40.9571V11.8931H33.8438V18.3975H30.8149V2.58807Z"
      :fill="colorComputed"
    />
    <path
      d="M44.5675 15.6874H48.5601V5.29827H44.7051V2.58807H51.4514V15.6874H55.1687V18.3975H44.5675V15.6874Z"
      :fill="colorComputed"
    />
    <path
      d="M66.0509 16.7722C65.745 17.4799 65.3167 17.9843 64.7659 18.2854C64.2152 18.5715 63.5727 18.7145 62.8384 18.7145C62.15 18.7145 61.4999 18.5865 60.888 18.3306C60.2914 18.0746 59.7636 17.6982 59.3047 17.2013C58.8458 16.7044 58.4786 16.1022 58.2033 15.3945C57.9433 14.6868 57.8132 13.8813 57.8132 12.978V12.6166C57.8132 11.7282 57.9433 10.9302 58.2033 10.2225C58.4634 9.51491 58.8152 8.91259 59.2588 8.41571C59.7024 7.91888 60.2149 7.54246 60.7962 7.2865C61.3928 7.01548 62.0276 6.87997 62.7007 6.87997C63.5115 6.87997 64.1617 7.01548 64.6512 7.2865C65.156 7.55752 65.5537 7.9791 65.8444 8.55123H66.2574V7.19616H69.1487V15.0106C69.1487 15.4623 69.3552 15.6881 69.7682 15.6881H70.2042V18.3983H68.2308C67.7107 18.3983 67.2823 18.2477 66.9459 17.9466C66.6246 17.6455 66.464 17.254 66.464 16.7722H66.0509ZM63.4809 16.0043C64.3223 16.0043 64.9954 15.7333 65.5002 15.1912C66.005 14.6341 66.2574 13.8813 66.2574 12.9328V12.6617C66.2574 11.7132 66.005 10.9679 65.5002 10.4258C64.9954 9.86875 64.3223 9.59019 63.4809 9.59019C62.6396 9.59019 61.9665 9.86875 61.4617 10.4258C60.9568 10.9679 60.7044 11.7132 60.7044 12.6617V12.9328C60.7044 13.8813 60.9568 14.6341 61.4617 15.1912C61.9665 15.7333 62.6396 16.0043 63.4809 16.0043Z"
      :fill="colorComputed"
    />
    <path
      d="M72.415 7.19541H75.7882V2.58807H78.6795V7.19541H82.7867V9.9056H78.6795V15.0098C78.6795 15.4615 78.8862 15.6874 79.2988 15.6874H82.374V18.3975H77.5551C77.035 18.3975 76.6066 18.2319 76.27 17.9007C75.9488 17.5694 75.7882 17.1478 75.7882 16.6359V9.9056H72.415V7.19541Z"
      :fill="colorComputed"
    />
    <path
      d="M86.7162 15.6874H90.7088V5.29827H86.854V2.58807H93.6005V15.6874H97.3175V18.3975H86.7162V15.6874Z"
      :fill="colorComputed"
    />
    <path
      d="M111.987 12.9328C111.987 13.8663 111.826 14.6944 111.505 15.4171C111.184 16.1248 110.748 16.727 110.197 17.2239C109.647 17.7057 109.012 18.0746 108.293 18.3306C107.589 18.5865 106.847 18.7145 106.067 18.7145C105.287 18.7145 104.537 18.5865 103.819 18.3306C103.115 18.0746 102.488 17.7057 101.936 17.2239C101.386 16.727 100.95 16.1248 100.629 15.4171C100.307 14.6944 100.147 13.8663 100.147 12.9328V12.6617C100.147 11.7432 100.307 10.9302 100.629 10.2225C100.95 9.49979 101.386 8.89003 101.936 8.39315C102.488 7.89629 103.115 7.51988 103.819 7.26391C104.537 7.00795 105.287 6.87997 106.067 6.87997C106.847 6.87997 107.589 7.00795 108.293 7.26391C109.012 7.51988 109.647 7.89629 110.197 8.39315C110.748 8.89003 111.184 9.49979 111.505 10.2225C111.826 10.9302 111.987 11.7432 111.987 12.6617V12.9328ZM106.067 16.0043C106.48 16.0043 106.871 15.9365 107.238 15.8011C107.604 15.6656 107.926 15.4698 108.201 15.2138C108.476 14.9579 108.691 14.6492 108.843 14.2879C109.012 13.9114 109.096 13.4899 109.096 13.0231V12.5714C109.096 12.1046 109.012 11.6906 108.843 11.3292C108.691 10.9528 108.476 10.6366 108.201 10.3807C107.926 10.1247 107.604 9.92891 107.238 9.79347C106.871 9.65795 106.48 9.59019 106.067 9.59019C105.654 9.59019 105.264 9.65795 104.897 9.79347C104.529 9.92891 104.209 10.1247 103.933 10.3807C103.658 10.6366 103.436 10.9528 103.267 11.3292C103.115 11.6906 103.038 12.1046 103.038 12.5714V13.0231C103.038 13.4899 103.115 13.9114 103.267 14.2879C103.436 14.6492 103.658 14.9579 103.933 15.2138C104.209 15.4698 104.529 15.6656 104.897 15.8011C105.264 15.9365 105.654 16.0043 106.067 16.0043Z"
      :fill="colorComputed"
    />
    <path
      d="M123.01 16.7722H122.597C122.475 17.0282 122.321 17.2766 122.138 17.5175C121.97 17.7433 121.74 17.9466 121.45 18.1273C121.174 18.308 120.837 18.451 120.44 18.5564C120.058 18.6618 119.591 18.7145 119.04 18.7145C118.337 18.7145 117.679 18.594 117.067 18.3532C116.47 18.0972 115.943 17.7283 115.484 17.2465C115.04 16.7496 114.688 16.1473 114.428 15.4397C114.183 14.732 114.061 13.919 114.061 13.0005V12.594C114.061 11.6906 114.191 10.8851 114.451 10.1774C114.726 9.46971 115.093 8.87499 115.553 8.39315C116.026 7.89629 116.57 7.51988 117.181 7.26391C117.809 7.00795 118.467 6.87997 119.155 6.87997C120.072 6.87997 120.799 7.05312 121.335 7.39942C121.87 7.73067 122.291 8.20499 122.597 8.82227H123.01V7.19616H125.901V21.1537C125.901 21.6656 125.733 22.0872 125.396 22.4184C125.075 22.7497 124.654 22.9153 124.134 22.9153H116.47V20.2051H122.39C122.803 20.2051 123.01 19.9792 123.01 19.5276V16.7722ZM119.981 16.0043C120.884 16.0043 121.61 15.7258 122.161 15.1687C122.727 14.5965 123.01 13.8512 123.01 12.9328V12.6617C123.01 11.7432 122.727 11.0055 122.161 10.4484C121.61 9.87627 120.884 9.59019 119.981 9.59019C119.078 9.59019 118.344 9.86875 117.778 10.4258C117.227 10.9679 116.952 11.7132 116.952 12.6617V12.9328C116.952 13.8813 117.227 14.6341 117.778 15.1912C118.344 15.7333 119.078 16.0043 119.981 16.0043Z"
      :fill="colorComputed"
    />
    <path
      d="M129.143 15.6869H132.998V9.90512H129.418V7.19493H135.889V15.6869H139.193V18.397H129.143V15.6869ZM136.6 3.87494C136.6 4.17607 136.539 4.46214 136.417 4.73317C136.309 4.98913 136.157 5.21498 135.958 5.41071C135.759 5.59139 135.522 5.74196 135.246 5.86242C134.986 5.96781 134.711 6.02051 134.42 6.02051C134.114 6.02051 133.832 5.96781 133.571 5.86242C133.311 5.74196 133.081 5.59139 132.883 5.41071C132.684 5.21498 132.523 4.98913 132.401 4.73317C132.294 4.46214 132.241 4.17607 132.241 3.87494C132.241 3.5738 132.294 3.29526 132.401 3.0393C132.523 2.76827 132.684 2.54242 132.883 2.36174C133.081 2.16601 133.311 2.01544 133.571 1.91004C133.832 1.78959 134.114 1.72936 134.42 1.72936C134.711 1.72936 134.986 1.78959 135.246 1.91004C135.522 2.01544 135.759 2.16601 135.958 2.36174C136.157 2.54242 136.309 2.76827 136.417 3.0393C136.539 3.29526 136.6 3.5738 136.6 3.87494Z"
      :fill="colorComputed"
    />
    <path
      d="M154.093 14.2885C153.833 15.6135 153.213 16.6825 152.234 17.4956C151.271 18.3086 149.978 18.7152 148.357 18.7152C147.515 18.7152 146.727 18.5872 145.993 18.3312C145.274 18.0752 144.647 17.7064 144.112 17.2245C143.576 16.7428 143.156 16.148 142.849 15.4404C142.543 14.7327 142.391 13.9272 142.391 13.0237V12.7527C142.391 11.8493 142.543 11.0363 142.849 10.3136C143.156 9.59084 143.576 8.97348 144.112 8.46156C144.662 7.94964 145.297 7.55817 146.016 7.28715C146.75 7.01613 147.531 6.88062 148.357 6.88062C149.948 6.88062 151.232 7.28715 152.212 8.10021C153.206 8.91324 153.833 9.98228 154.093 11.3072L151.248 12.03C151.156 11.3675 150.865 10.7953 150.376 10.3136C149.886 9.83172 149.198 9.59084 148.31 9.59084C147.898 9.59084 147.507 9.66612 147.14 9.81668C146.773 9.96724 146.452 10.1856 146.177 10.4716C145.901 10.7427 145.679 11.0814 145.511 11.488C145.358 11.8794 145.282 12.3236 145.282 12.8204V12.956C145.282 13.4528 145.358 13.897 145.511 14.2885C145.679 14.6649 145.901 14.9811 146.177 15.2371C146.452 15.493 146.773 15.6888 147.14 15.8243C147.507 15.9448 147.898 16.0049 148.31 16.0049C149.198 16.0049 149.871 15.7866 150.329 15.35C150.804 14.9133 151.11 14.3261 151.248 13.5884L154.093 14.2885Z"
      :fill="colorComputed"
    />
  </svg>
</template>

<script lang="ts" setup>
import { useSponsorIcon } from "./composables";

const props = defineProps({
  color: {
    type: String,
    default: '#474198',
  },
})

const {viewBox, colorComputed} = useSponsorIcon(props.color, 155, 23)
</script>
